{"ast":null,"code":"var _jsxFileName = \"/data/messenger.client/src/components/DialogInput/index.tsx\",\n  _s = $RefreshSig$();\nimport React, { useEffect } from \"react\";\nimport { Picker } from 'emoji-mart/dist';\nimport './DialogInput.scss';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst DialogInput = props => {\n  _s();\n  const [value, setValue] = React.useState(false);\n  const [textField, setTextField] = React.useState('');\n  const maxSizeMessage = 500;\n  useEffect(() => {\n    if (textField.length > 0) {\n      setValue(true);\n    } else {\n      setValue(false);\n    }\n  }, [textField]);\n  return /*#__PURE__*/_jsxDEV(Picker, {\n    style: {\n      position: 'absolute',\n      bottom: '65px',\n      right: '50px'\n    },\n    emojiTooltip: true,\n    onSelect: onSelect,\n    showPreview: false,\n    showSkinTones: false,\n    useButton: false\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 24,\n    columnNumber: 13\n  }, this);\n};\n_s(DialogInput, \"uXhpKGo320fqSa9sZCHsU9+LM8w=\");\n_c = DialogInput;\nexport default DialogInput;\nvar _c;\n$RefreshReg$(_c, \"DialogInput\");","map":{"version":3,"names":["React","useEffect","Picker","DialogInput","props","value","setValue","useState","textField","setTextField","maxSizeMessage","length","position","bottom","right","onSelect"],"sources":["/data/messenger.client/src/components/DialogInput/index.tsx"],"sourcesContent":["import React, {useEffect} from \"react\";\nimport {IconButton, Paper, TextField} from \"@mui/material\";\nimport {DialogInputProps} from \"../../models/props/DialogInputProps\";\nimport classNames from \"classnames\";\nimport data from '@emoji-mart/data';\nimport { Picker } from 'emoji-mart/dist';\nimport './DialogInput.scss';\n\nconst DialogInput: React.FC<DialogInputProps> = (props) => {\n    const [value, setValue] = React.useState<boolean>(false);\n    const [textField, setTextField] = React.useState<string>('');\n\n    const maxSizeMessage = 500;\n\n    useEffect(() => {\n        if (textField.length > 0) {\n            setValue(true);\n        } else {\n            setValue(false);\n        }\n    }, [textField]);\n\n        return (\n            <Picker\n                style={{ position: 'absolute', bottom: '65px', right: '50px' }}\n                emojiTooltip={true}\n                onSelect={onSelect}\n                showPreview={false}\n                showSkinTones={false}\n                useButton={false}\n            />\n        );\n}\n\nexport default DialogInput;"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,SAAS,QAAO,OAAO;AAKtC,SAASC,MAAM,QAAQ,iBAAiB;AACxC,OAAO,oBAAoB;AAAC;AAE5B,MAAMC,WAAuC,GAAIC,KAAK,IAAK;EAAA;EACvD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,KAAK,CAACO,QAAQ,CAAU,KAAK,CAAC;EACxD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGT,KAAK,CAACO,QAAQ,CAAS,EAAE,CAAC;EAE5D,MAAMG,cAAc,GAAG,GAAG;EAE1BT,SAAS,CAAC,MAAM;IACZ,IAAIO,SAAS,CAACG,MAAM,GAAG,CAAC,EAAE;MACtBL,QAAQ,CAAC,IAAI,CAAC;IAClB,CAAC,MAAM;MACHA,QAAQ,CAAC,KAAK,CAAC;IACnB;EACJ,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEX,oBACI,QAAC,MAAM;IACH,KAAK,EAAE;MAAEI,QAAQ,EAAE,UAAU;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO,CAAE;IAC/D,YAAY,EAAE,IAAK;IACnB,QAAQ,EAAEC,QAAS;IACnB,WAAW,EAAE,KAAM;IACnB,aAAa,EAAE,KAAM;IACrB,SAAS,EAAE;EAAM;IAAA;IAAA;IAAA;EAAA,QACnB;AAEd,CAAC;AAAA,GAxBKZ,WAAuC;AAAA,KAAvCA,WAAuC;AA0B7C,eAAeA,WAAW;AAAC;AAAA"},"metadata":{},"sourceType":"module"}